// components/my-example3/my-example3.js
Component({
  options: {
    // 开启纯数据字段， 以下划线开头
    pureDataPattern: /^_/
  },
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    _color: {
      r: 0,
      g: 0,
      b: 0
    },
    fullColor: '0,0,0'
  },
  observers: {
    "_color.r, _color.g, _color.b"(r, g, b) {
      this.setData({
        fullColor: `${r},${g},${b}`
      })
    }
  },

  /**
   * 组件的方法列表
   */
  methods: {
    addR() {
      this.setData({
        "_color.r": this.data._color.r < 255 ? this.data._color.r + 5 : 255
      })
    },
    addG() {
      this.setData({
        "_color.g": this.data._color.g < 255 ? this.data._color.g + 5 : 255
      })
    },
    addB() {
      this.setData({
        '_color.b': this.data._color.b < 255 ? this.data._color.b + 5 : 255
      })
    }
  }
})